<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>新增用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/font.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/xadmin.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/lib/layui/layui.js"
            charset="utf-8"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="deviceMaintainId" class="layui-form-label">
                    <span class="x-red">*</span>设备维修编号
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="deviceMaintainId" name="deviceMaintainId" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>


            <div class="layui-form-item">
                <label for="deviceFaultId" class="layui-form-label">
                    <span class="x-red">*</span>故障编号
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="deviceFaultId" name="deviceFaultId" required="" lay-verify="pass"
                           autocomplete="off" class="layui-input">
                </div>

            </div>

<%--            <div class="layui-form-item">--%>
<%--                <label for="deviceMaintainEmpId" class="layui-form-label">--%>
<%--                    <span class="x-red">*</span>维修人员--%>
<%--                </label>--%>
<%--                <div class="layui-input-inline">--%>
<%--                    <input type="text" id="deviceMaintainEmpId" name="deviceMaintainEmpId" required="" lay-verify="repass"--%>
<%--                           autocomplete="off" class="layui-input">--%>
<%--                </div>--%>
<%--            </div>--%>

            <div class="layui-form-item">
                <label class="layui-form-label">维修人员</label>
                <div class="layui-form-mid layui-word-aux">
                    <select name="empId" lay-filter="aihao">
                        <option value="001">王五</option>
                        <option value="002">张三</option>
                        <option value="003">李四</option>

                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="deviceMaintainDate" class="layui-form-label">
                    <span class="x-red">*</span>维修日期
                </label>
                <div class="layui-input-inline">
                    <input type="date" id="deviceMaintainDate" name="deviceMaintainDate" required=""
                           autocomplete="off" class="layui-input">
                </div>

            </div>
            <div class="layui-form-item">
                <label for="deviceMaintainResult" class="layui-form-label">
                    <span class="x-red">*</span>维修结果
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="deviceMaintainResult" name="deviceMaintainResult" required="" lay-verify="repass"
                           autocomplete="off" class="layui-input">
                </div>
            </div>



            <div class="layui-form-item">
                <label for="deviceMaintainCost" class="layui-form-label">
                    <span class="x-red">*</span>维修费用
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="deviceMaintainCost" name="deviceMaintainCost" required="" lay-verify="repass"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="note" class="layui-form-label">
                    <span class="x-red">*</span>备注
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="note" name="note" required="" lay-verify="repass"
                           autocomplete="off" class="layui-input">
                </div>
            </div>


            <button class="layui-btn" lay-filter="add" lay-submit="">
                增加
            </button>

        </form>
    </div>
</div>
<script>

    layui.use(['form', 'layer', 'laydate','jquery'],
        function () {

            var form = layui.form,
                layer = layui.layer,
                $ = layui.jquery,
                laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#birthday' //指定元素
            });

            $(function (){


            })


            //监听提交
            form.on('submit(add)',
                function (data) {
                    console.log(data);
                    //发异步，把数据提交给php
                    $.ajax({
                        url: "${pageContext.request.contextPath}/device/device/maintain/add",
                        type: "post",
                        data: data.field,
                        success(res) {
                            if (res.success) {
                                layer.alert("增加成功", {
                                        icon: 6
                                    },
                                    function () {
                                        //关闭当前frame
                                        xadmin.close();

                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                            }else {
                                layer.alert("新增失败", {
                                    icon: 6
                                });
                            }
                        }
                    })
                    return false;
                });

        });
</script>

</body>

</html>
